/* = Progress Column
----------------------------------------------- */
.x-grid-row .x-progress .x-grid-cell-inner {
    padding: 0; 
}
/* 
GRADIENTS & CSS FROM:
http://projects.korrelboom.com/gradient-generator

COLORS:
Increment Hue by +25
ff0000
ff6a00
ffd500
bfff00
55ff00
-00ff15
00ff80
-00ffea
00aaff
*/

.x-progress-default .x-grid-cell-inner .x-progress-step-0 {
    border-right-color: #ff6a00;
    border-top-color: #ff6a00;
    
	/* SVG fallback(Opera 11.10-, IE9) */
	background: url();
	
	/* Opera 11.10+ */
	background: -o-linear-gradient(left, rgba(255,0,0,1), rgba(255,106,0,1));
	
	/* Firefox 3.6+ */
	background: -moz-linear-gradient(left, rgba(255,0,0,1), rgba(255,106,0,1));
	
	/* Chrome 7+ & Safari 5.03+ */
	background: -webkit-gradient(linear, left top, right top, color-stop(0, rgba(255,0,0,1)), color-stop(1, rgba(255,106,0,1)));
	
	/* IE5.5 - IE7 */
	filter: progid:DXImageTransform.Microsoft.Gradient(GradientType=1,StartColorStr=#FFFF0000,EndColorStr=#FFFF6A00);
	
	/* IE8 */
	-ms-filter: "progid:DXImageTransform.Microsoft.Gradient(GradientType=1,StartColorStr=#FFFF0000,EndColorStr=#FFFF6A00)"
}

.x-progress-default .x-grid-cell-inner .x-progress-step-1 {
    border-right-color: #ffd500;
    border-top-color: #ffd500;
    
	/* SVG fallback(Opera 11.10-, IE9) */
	background: url();
	
	/* Opera 11.10+ */
	background: -o-linear-gradient(left, rgba(255,106,0,1), rgba(255,213,0,1));
	
	/* Firefox 3.6+ */
	background: -moz-linear-gradient(left, rgba(255,106,0,1), rgba(255,213,0,1));
	
	/* Chrome 7+ & Safari 5.03+ */
	background: -webkit-gradient(linear, left top, right top, color-stop(0, rgba(255,106,0,1)), color-stop(1, rgba(255,213,0,1)));
	
	/* IE5.5 - IE7 */
	filter: progid:DXImageTransform.Microsoft.Gradient(GradientType=1,StartColorStr=#FFFF6A00,EndColorStr=#FFFFD500);
	
	/* IE8 */
	-ms-filter: "progid:DXImageTransform.Microsoft.Gradient(GradientType=1,StartColorStr=#FFFF6A00,EndColorStr=#FFFFD500)"
}

.x-progress-default .x-grid-cell-inner .x-progress-step-2 {
    border-right-color: #bfff00;
    border-top-color: #bfff00;
    
	/* SVG fallback(Opera 11.10-, IE9) */
	background: url();
	
	/* Opera 11.10+ */
	background: -o-linear-gradient(left, rgba(255,213,0,1), rgba(191,255,0,1));
	
	/* Firefox 3.6+ */
	background: -moz-linear-gradient(left, rgba(255,213,0,1), rgba(191,255,0,1));
	
	/* Chrome 7+ & Safari 5.03+ */
	background: -webkit-gradient(linear, left top, right top, color-stop(0, rgba(255,213,0,1)), color-stop(1, rgba(191,255,0,1)));
	
	/* IE5.5 - IE7 */
	filter: progid:DXImageTransform.Microsoft.Gradient(GradientType=1,StartColorStr=#FFFFD500,EndColorStr=#FFBFFF00);
	
	/* IE8 */
	-ms-filter: "progid:DXImageTransform.Microsoft.Gradient(GradientType=1,StartColorStr=#FFFFD500,EndColorStr=#FFBFFF00)"
}

.x-progress-default .x-grid-cell-inner .x-progress-step-3 {
    border-right-color: #55ff00;
    border-top-color: #55ff00;
    
	/* SVG fallback(Opera 11.10-, IE9) */
	background: url();
	
	/* Opera 11.10+ */
	background: -o-linear-gradient(left, rgba(191,255,0,1), rgba(85,255,0,1));
	
	/* Firefox 3.6+ */
	background: -moz-linear-gradient(left, rgba(191,255,0,1), rgba(85,255,0,1));
	
	/* Chrome 7+ & Safari 5.03+ */
	background: -webkit-gradient(linear, left top, right top, color-stop(0, rgba(191,255,0,1)), color-stop(1, rgba(85,255,0,1)));
	
	/* IE5.5 - IE7 */
	filter: progid:DXImageTransform.Microsoft.Gradient(GradientType=1,StartColorStr=#FFBFFF00,EndColorStr=#FF55FF00);
	
	/* IE8 */
	-ms-filter: "progid:DXImageTransform.Microsoft.Gradient(GradientType=1,StartColorStr=#FFBFFF00,EndColorStr=#FF55FF00)"
}

.x-progress-default .x-grid-cell-inner .x-progress-step-4 {
    border-right-color: #00ff15;
    border-top-color: #00ff15;
    
	/* SVG fallback(Opera 11.10-, IE9) */
	background: url();
	
	/* Opera 11.10+ */
	background: -o-linear-gradient(top, rgba(85,255,0,1), rgba(0,255,128,1));
	
	/* Firefox 3.6+ */
	background: -moz-linear-gradient(top, rgba(85,255,0,1), rgba(0,255,128,1));
	
	/* Chrome 7+ & Safari 5.03+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0, rgba(85,255,0,1)), color-stop(1, rgba(0,255,128,1)));
	
	/* IE5.5 - IE7 */
	filter: progid:DXImageTransform.Microsoft.Gradient(GradientType=0,StartColorStr=#FF55FF00,EndColorStr=#FF00FF80);
	
	/* IE8 */
	-ms-filter: "progid:DXImageTransform.Microsoft.Gradient(GradientType=0,StartColorStr=#FF55FF00,EndColorStr=#FF00FF80)"
}

.x-progress-default .x-grid-cell-inner .x-progress-step-5 {
    border-right-color: #55ff00;
    border-top-color: #55ff00;
    
	/* SVG fallback(Opera 11.10-, IE9) */
	background: url();
	
	/* Opera 11.10+ */
	background: -o-linear-gradient(top, rgba(85,255,0,1), rgba(0,170,255,1));
	
	/* Firefox 3.6+ */
	background: -moz-linear-gradient(top, rgba(85,255,0,1), rgba(0,170,255,1));
	
	/* Chrome 7+ & Safari 5.03+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0, rgba(85,255,0,1)), color-stop(1, rgba(0,170,255,1)));
	
	/* IE5.5 - IE7 */
	filter: progid:DXImageTransform.Microsoft.Gradient(GradientType=0,StartColorStr=#FF55FF00,EndColorStr=#FF00AAFF);
	
	/* IE8 */
	-ms-filter: "progid:DXImageTransform.Microsoft.Gradient(GradientType=0,StartColorStr=#FF55FF00,EndColorStr=#FF00AAFF)"
}